<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" />
<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/admin.css" />
<link type="text/css" rel="stylesheet" href="${ctx}/css/dlifestyle/table.css" />
<script type="text/javascript">
    //返回上一页
    function cancel() {
        loadContent("/cellHouse/cellHouseList");
    }
</script>
<section>
    <div style="height: 40px; line-height: 40px;">
        <div class="forword_area"></div>
        <div class="location">当前位置：${sessionScope.currcent_position}</div>
    </div>
    <hr>
    <div class="panel panel-default" style="height: auto">
        <div class="editTitle">
            <div style="height: 41px; width: 190px; float: left;">
                <img style="float: left; margin-left: 37px; margin-top: 9.5px;" src="/manage/images/new_edit.png">
                <h4 style="letter-spacing: 0">房屋管理信息详情</h4>
            </div>
            <div>
                <a style="float: right; margin-right: 20px; margin-top: -2px;" title="关闭" onclick="cancel();"><img src="${ctx}/images/new_close.png" /></a>
            </div>
        </div>
        <div id="replyList" class="right" style="margin-top: -10px;">
            <div class="modal-header">
                <div id="form" class="form" style="min-height: 50px; margin-top: 10px; border-top: 1px solid #edeef3; font-size: 14px;">
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">小区名称：</span>
                        <div class="fldetail-4r">${cellHouse.cellName }</div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">区域名称：</span>
                        <div class="fldetail-4r">${cellHouse.regionName }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">楼栋名称：</span>
                        <div class="fldetail-4r">${cellHouse.buildingName }</div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">单元名称：</span>
                        <div class="fldetail-4r">${cellHouse.unitName }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">房屋名称：</span>
                        <div class="fldetail-4r">${cellHouse.name }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">房屋类型：</span>
                        <div class="fldetail-4r">
                            <c:if test="${cellHouse.houseType == 0}">其他</c:if>
                            <c:if test="${cellHouse.houseType == 1}">住宅</c:if>
                            <c:if test="${cellHouse.houseType == 2}">公寓</c:if>
                            <c:if test="${cellHouse.houseType == 3}">办公</c:if>
                            <c:if test="${cellHouse.houseType == 4}">门面</c:if>
                        </div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">房屋状态：</span>
                        <div class="fldetail-4r">
                            <c:if test="${cellHouse.houseState == 0}">空置</c:if>
                            <c:if test="${cellHouse.houseState == 1}">入住</c:if>
                            <c:if test="${cellHouse.houseState == 2}">未售</c:if>
                            <c:if test="${cellHouse.houseState == 3}">未交房</c:if>
                        </div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">面积(㎡)：</span>
                        <div class="fldetail-4r">${cellHouse.area }</div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">单价(元)：</span>
                        <div class="fldetail-4r">${cellHouse.perPrice }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">户主1：</span>
                        <div class="fldetail-4r">${cellHouse.ownerName1 }</div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">户主1电话：</span>
                        <div class="fldetail-4r">${cellHouse.ownerPhone1 }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">户主2：</span>
                        <div class="fldetail-4r">${cellHouse.ownerName2 }</div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">户主2电话：</span>
                        <div class="fldetail-4r">${cellHouse.ownerPhone2 }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">用户账号：</span>
                        <div class="fldetail-4r">${cellHouse.userAccount }</div>
                    </div>
                </div>
                <div style="text-align: center;">
                    <button style="margin-top: 20px;" class="buttonCancle" onclick="cancel();">返&nbsp;&nbsp;回</button>
                </div>
            </div>
        </div>
    </div>
</section>
<%@include file="/views/common/footer.jsp"%>
<script type="text/javascript">
	var ctx = '${ctx}';
	setCtx(ctx);
	//鼠标滑入一行改变背景颜色
	function mouseoverOne(target) {
		$(target).children().each(function() {
			$(this).css("background", "#D3F0F1");
		});
	}

	//鼠标滑出一行恢复原来的背景颜色
	function mouseoutOne(target) {
		$(target).children().each(function() {
			$(this).css("background", "");
		});
	}
</script>
